/* 行程页面CSS */

/* 头部 */
header{
  height: 3.5rem;
}
/* 日历 */
header .calendar{
  width: 100%;
  margin-top: .72rem;
  position: relative;
}
#schedule-box {
  width: 6.9rem;
  margin: 0 auto;
  padding: .2rem .1rem;
  box-sizing: border-box;
  font-size: .28rem;
  border-radius: .1rem .1rem 0 0;
  background-color: #393484;
}
.schedule-hd {
  display: flex;
  justify-content: space-between;
  padding: 0 1.55rem;
}
.arrow {
  cursor: pointer;
  font-size: .28rem;
  color: white;
}
.today {
  flex: 1;
  text-align: center;
}
.week-ul>li{
  color: white;
}
.ul-box {
  overflow: hidden;
}
.ul-box>li {
  float: left;
  width: 14.28%;
  text-align: center;
  padding: .1rem 0;
}
.other-month {
  color: #999999;
}
.disabled {
  pointer-events: none;
  background-color: #eeeeee;
  color: #999999;
}
.current-month {
  color: white;
}
.today-style {
  border-radius: 50%;
  background: #58d321;
}
.dayStyle {
  display: inline-block;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  text-align: center;
  line-height: .45rem;
  cursor: pointer;
}
.current-month>.dayStyle:hover {
  background: #00BDFF;
  color: #ffffff;
}
.today-flag {
  background: #00C2B1;
  color: #fff;
}
.boxshaw {
  box-shadow: .02rem .02rem .15rem .02rem #e3e3e3;
}
.selected-style {
  background-color: #ffba5a;
  color: #ffffff;
}
.active-style {
  background: #00BDFF;
  color: #ffffff;
}
#h3Ele {
  text-align: center;
  padding: .1rem;
  box-sizing: border-box;
  font-size: .28rem;
  background-color: #393484;
  color: #00BDFF;
  width: 6.9rem;
  margin: 0 auto;
}
.today {
  text-align: center;
  color: #8ac6d1;
  padding: .05rem 0 0;
  font-weight: bold;
  cursor: pointer;
  font-size: .24rem;
}

/* 行程内容 */
.trip{
  width: 6.9rem;
  margin: 0 auto;
  margin-top: 2.6rem;
}
.trip .tripul{
  width: 100%;
  background-color: #393484;
  padding-bottom: .7rem;
  border-radius: 0 0 .1rem .1rem;
}
.tripul li{
  width: 100%;
  height: 2.38rem;
  display: flex;
  align-items: center;
  padding-left: .3rem;
  padding-right: .5rem;
  box-sizing: border-box;
}
.tripul li:first-child{
  height: 3rem;
  padding-top: .5rem;
}
.tripul li:nth-child(2n){
  background-color: #524cb4;
  border-radius: .1rem;
}
.tripul li>a{
  display: block;
  font-size: .5rem;
  color: white;
  margin-right: .35rem;
}
.tripul li .tritext{
  width: 3.6rem;
  margin-right: auto;
}
.tripul li .tritext .tit{
  font-size: .32rem;
  color: white;
  margin-bottom: .2rem;
}
.tripul li .tritext .tit span{
  font-size: .22rem;
  margin-left: .3rem;
}
.tripul li .tritext .hotel{
  font-size: .3rem;
  color: white;
  margin-bottom: .1rem;
}
.tripul li .tritext .address{
  font-size: .22rem;
  color: white;
}
.tripul li .tritext .address .iconfont{
  font-size: .3rem;
}
.tripul li .tritext .fromto{
  width: 100%;
  height: 1.06rem;
  border-radius: .15rem;
  border: 2px dashed white;
  padding: .28rem .3rem .18rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.tripul li .tritext .fromto .from p{
  font-size: .3rem;
  color: white;
}
.tripul li .tritext .fromto .from p span{
  display: block;
  font-size: .22rem;
}
.tripul li .tritext .fromto .xiangyou{
  display: block;
  font-size: .2rem;
  color: white;
}
.tripul li .tritext .fromto .jipiao{
  display: block;
  font-size: .3rem;
  color: white;
  margin-top: -.03rem;
}
.tripul li .colorbox{
  width: .54rem;
  height: .54rem;
  margin-top: 1.1rem;
}
.tripul li .colorbox .top{
  width: 100%;
  height: 37%;
}
.tripul li .colorbox .bot{
  width: 100%;
  height: 63%;
  display: flex;
}
.tripul li .colorbox .bot .botleft{
  width: 46.3%;
  height: 100%;
}
.tripul li .colorbox .bot .botright{
  width: 53.7%;
  height: 100%;
}
.color1{
  background-color: #8e1e74;
}
.color2{
  background-color: #1788a1;
}
.color3{
  background-color: #6e31ce;
}
.color4{
  background-color: #9d75de;
}
.color5{
  background-color: #982888;
}
.color6{
  background-color: #783be1;
}
.color7{
  background-color: #2850ce;
}
.color8{
  background-color: #325ae1;
}
.color9{
  background-color: #2192b5;
}

/* 底部 */
footer .navul li:nth-child(4) .iconfont{
  color: #76d3ff;
}
footer .navul li:nth-child(4) p{
  color: #76d3ff;
}